<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大昔哥的个人网站</title>
</head>
<style>
    ul,ol,li{
        list-style: none;
    }
    a{
        text-decoration: none;
        color: rgb(33, 150, 12);
    }
    p{
        padding: 0px;
        margin: 0px;
    }
    .content{
        width: 1200px;
        margin: 0 auto;
        text-align: center;
    }
    ul{
        display: flex;
        flex-wrap: wrap;
		justify-content: space-between;
    }
    li{
        width: 250px;
        height: 200px;
        margin-top:45px;
        transition: all 0.2s;
        margin-top: 60px;
    }
    li:hover{
        box-shadow: 1px 10px 5px 5px #d1d1d1;
    }
    li>a>img{
        width: 100%;
        height: 100%;
    }
</style>
<body>
    <div class="content">
        <h1>吴金昔</h1>
        <ul>
            <li>
                <a href="https://daxige.gitee.io/daxige-page/nav_v-for/nav_v-for.html">
                    <img src="./nav_v-for/images/navDisplaye.jpg" alt="">
                    <p>实验一：&nbsp;红岩文化网站导航</p>
                </a>
            </li>
            <li>
                <a href="https://daxige.gitee.io/daxige-page/XiaomiGoods_list/XiaomiList.html">
                    <img src="./XiaomiGoods_list/imgaes/listDisplay.jpg" alt="">
                    <p>实验二：&nbsp;小米手机商品列表</p>
                </a>
            </li>
            <li>
                <a href="https://daxige.gitee.io/daxige-page/shoppingCart/index.html">
                    <img src="./shoppingCart/img/listDisplay.jpg" alt="">
                    <p>实验三：&nbsp;购物车(价格绑定)</p>
                </a>
            </li>
            <li>
                <a href="https://daxige.gitee.io/daxige-page/shoppingCart (4)/shoppingCart4.html">
                    <img src="./shoppingCart (4)/img/listDisplay.jpg" alt="">
                    <p>实验四：&nbsp;购物车(全选、单选、删除)</p>
                </a>
            </li>
            <li>
                <a href="https://daxige.gitee.io/daxige-page/shoppingCart5/index.html">
                    <img src="./shoppingCart5/img/listDisplay.jpg" alt="">
                    <p>实验五：&nbsp;购物车(样式绑定)</p>
                </a>
            </li>
            <li>
                <a href="https://daxige.gitee.io/daxige-page/register/index.html">
                    <img src="./register/img/disPlay.jpg" alt="">
                    <p>实验六：&nbsp;疯游精旅游网(用户注册)</p>
                </a>
            </li>
            <li>
                <a href="https://daxige.gitee.io/daxige-page/TASK/index.html">
                    <img src="./TASK/img/111.png" alt="">
                    <p>实验七：&nbsp;任务清单</p>
                </a>
            </li>
            <li>
                <a href="https://daxige.gitee.io/daxige-page/animation/index.html">
                    <img src="./animation/img/animate.gif" alt="">
                    <p>实验八：&nbsp;动画过渡下拉菜单</p>
                </a>
            </li>
            <li>
                <a href="./summer/text.html">
                    <img src="./animation/img/animate.gif" alt="">
                    <p>&nbsp;暑假练习</p>
                </a>
            </li>
        </ul>
    </div>
</body>
</html>